/* body{height: 100%;} */
#aaa{
    position: relative;
    height: 100%;
    width: 100%;
}
#music .am-tab-bar-tab-title {
font-size: 40px !important;
font-family: Georgia, 'Times New Roman', Times, serif;
}
#music .am-tab-bar-bar{
    height: 125px !important;
    border-radius: 10px !important;
}
*{
    margin:0;
    padding: 0;
}
 .aa{
    width: 80px;
    height: 80px;
    padding-top:10px;
    z-index:2;
}
#aaa{
    position: relative;
}
 .tan{
    width: 500px;
    height: 1200px;
    position: absolute;
    z-index: 10;
    background: rgba(243, 239, 239, 0.877);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background:url("../imgs/bg.gif");
    background-size:500px 800px  ;
}
/* .fu:active ~.tan{
    display: block;
    background:rgb(211, 48, 48);
} */
 
.am-tab-bar-bar .am-tab-bar-tab-image {
    display: none;
}
.b{
    margin-left:20px;
}

.fu{
    width: 70px;
    height: 70px;
    position: absolute;
    z-index:1;
    left: 50px;
    top:20px
}
.photo{
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background:rgb(236, 218, 218);
    margin: 0 auto;
    margin-top:20px;
    display: block;
}
.login{
    width: 150px;
    height: 50px;
    line-height: 50px;
    background: #ffffff;
    margin:0 auto;
    display: block;
    margin-top:30px;
}
.sstlogin{
    display: flex;
    height: 100%;
    flex-direction: column;
    background: rgb(228, 69, 21) ;
    width: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
}
.wy{
    width: 200px;
    height: 200px;
    margin:0 auto;
    margin-top:400px
}
.qq,.email{
    width: 100px;
    height: 100px;
}
.sstbottom{
    width: 740px;
    display: flex;
    justify-content: space-around;
    margin-top: 100px;
}
.sstcheck{
    display: flex;
    justify-content: flex-start;
    width: 600px;
    margin:0 auto;
    margin-top: 50px;
    font-size: 26px;
}
.phone{
    text-align: center;
    width: 400px;
    height: 80px;
    margin:0 auto;
    margin-top:200px;
    color: rgb(223, 47, 47) ;
    background: #ffffff;
    border-radius: 20px;
    font-size: 30px;
    border: none;
    line-height: 80px;
    /* background-color: transparent; */
}
.p{
    text-align: center;
    width: 300px;
    height: 80px;
    margin:0 auto;
    border-radius: 20px;
    font-size: 40px;
}
.phonelogin{
    width: 500px;
    margin: 500px auto;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.bb{
    font-size: 40px;
    border:none;
    margin:0 auto;
    display: block;
    margin-top:50px ;
    margin-bottom: 50px;
}
.deng{
    width: 200px;
    display: block;
    margin:0 auto;
    font-size: 40px;
    background: rgba(224, 22, 22, 0.877);
    margin-top:50px
}
.ss{
    width: 70px;
    height: 70px;
    position: absolute;
    z-index: 5;
    left: 640px;
    top:28px;
    display: block;
}
.sousuo{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    background: rgba(247, 241, 241, 0.932);
    display: flex;
    flex-direction: column;
}
.del ,.fanhui, .geren{
   width: 40px;
   height:40px;
   display: block;
}
.ss_box{
    width: 300px;
    border:0;
    background: rgba(247, 241, 241, 0.932);
}
.sst_hr{
    width: 400px;
    margin-left:100px

}
.sousuo1{
    display: flex;
    margin-top:30px;
    justify-content: space-around;
    height: 100px;
}
.history{
    margin-top:20px;
    font-size: 40px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.history1{
    display: flex;
    margin-top:10px;
    justify-content: space-around;
}
.history2{
    border-radius: 5px;
    background: rgb(214, 200, 200);
    display: block;
    font-size: 30px;
    line-height: 50px;
}
.re{
    font-size: 40px;
    font-family: monospace;
    display: block;
   list-style: none;
  padding: 0 2.5% 0 2.5%;
  margin: 0 0 2.5% 0;
  }
.sstge{
    position: absolute;
    left:10px;
    top:220px;
    width: 500px;
    text-align: center;
    background:rgba(180, 175, 175, 0.7)
}
.sst_gg{
    background-color: none !important;
    list-style: none;
    font-size: 30px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    line-height: 50px;
}

.hotsingle{
    width: 220px;
    height: 200px;
    border-radius: 50%;
}
.hotSingle{
    font-family: cursive;
    font-size: 60px;
}
.sstSingle{
    display: flex;
    flex-direction: column;
    background: rgb(236, 234, 234)
}
.guanzhu{
    width: 100px;
    height: 60px;
    border-radius: 19px;
    border-color: red;
    color: red;
    text-align: center;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    vertical-align: middle;
}
.SG{
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top:20px
}
.sst_p{
    font-size: 30px;
    font-family: sans-serif;
    margin-right: 150px;
    width: 100px;
}
.sst_fanhui{
    width: 100px;
    height: 80px;
    margin-right: 20px;
}
.sst_sh{
    display: flex;
    justify-content: flex-start;
}
.sst_span{
    padding-top:100px;
    text-align: center;
    font-size: 40px;
    line-height: 60px;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    display: block;
}
.sst_fangimg1{
    height: 500px;
    width: 500px;
    border-radius: 50%;
    margin: 0 auto;
    margin-top:200px;
    margin-bottom: 200px;
    margin-left: 140px;
    transform:rotate(7deg)
}
.sst_fang{
    height: 1800px;
    background:rgb(236, 188, 188);
}
.sst_audio{
    margin-bottom:100px;
    margin:0 auto;
    width: 700px;
    margin-top:50px
}
.sst_fangimg1{
    animation: img 8s linear infinite;
  }
  @keyframes img {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }

  .sst_name{
      width: 500px;
      margin: 0 auto;
      font-family: cursive;
      text-align: center;
      line-height: 200px;
  }